<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>城市选择-江城巴士</title>
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="favicon.ico">
    
    <link rel="stylesheet" href="css/app.css">
</head>

<body>

<header>
    <div class="title">城市选择</div>
</header>

<section class="wrap">
    <div class="citys">
        <dl>
            <dt id="A">A</dt>
            <dd><a href="#">鞍山</a></dd>
            <dd><a href="#">安阳</a></dd>
            <dd><a href="#">安庆</a></dd>
            <dd><a href="#">安康</a></dd>
            <dd><a href="#">阿里山</a></dd>
            <dd><a href="#">安阳</a></dd>
        </dl>
        <dl>
            <dt id="B">B</dt>
            <dd><a href="#">北京</a></dd>
            <dd><a href="#">保定</a></dd>
            <dd><a href="#">亳州</a></dd>
        </dl>
        <dl>
            <dt id="Z">Z</dt>
            <dd><a href="#">北京</a></dd>
            <dd><a href="#">保定</a></dd>
            <dd><a href="#">亳州</a></dd>
        </dl>
    </div>
    <div class="elevator">
        <ul>
            <li><a href="#A">A</a></li>
            <li><a href="#B">B</a></li>
            <li><a href="#C">C</a></li>
            <li><a href="#D">D</a></li>
            <li><a href="#E">E</a></li>
            <li><a href="#F">F</a></li>
            <li><a href="#G">G</a></li>
            <li><a href="#H">H</a></li>
            <li><a href="#I">I</a></li>
            <li><a href="#J">J</a></li>
            <li><a href="#K">K</a></li>
            <li><a href="#L">L</a></li>
            <li><a href="#M">M</a></li>
            <li><a href="#N">N</a></li>
            <li><a href="#O">O</a></li>
            <li><a href="#P">P</a></li>
            <li><a href="#Q">Q</a></li>
            <li><a href="#R">R</a></li>
            <li><a href="#S">S</a></li>
            <li><a href="#T">T</a></li>
            <li><a href="#U">U</a></li>
            <li><a href="#V">V</a></li>
            <li><a href="#W">W</a></li>
            <li><a href="#X">X</a></li>
            <li><a href="#Y">Y</a></li>
            <li><a href="#Z">Z</a></li>
        </ul>
    </div>
</section>


<script src="js/zepto.min.js"></script>

</body>
</html>